html,body {
    width: 100%;
    height: 100%;
    padding:0;
    margin: 0;
    --el-color-warning: #FFAB00;
    --el-color-warning-light-3: #FFAB00;
    --el-color-warning-light-9: #FFFBF2;
    --el-color-error: #FF2440;
    --el-color-error-light-9: #FFF4F5;
    --el-color-success: #18BF5B;
    --el-color-success-light-3: #18BF5B;
    --el-color-success-light-9: #F3FCF7;
    --el-text-color-primary: #666;
    --el-color-primary: #3480FF;
    --el-color-primary-light-3: #3480FF;
    --el-border-color: #ddd;
    --el-color-danger:#FF2440;
    --el-color-danger-light-3: #FF2440;

    .el-select .el-select-tags-wrapper.has-prefix{
        margin-left: 11px;
    }
    .el-select__tags .el-tag--info{
        background: #fff;
        color:#000;
    }
    .el-tag .el-tag__close:hover{
        color:none;
        background: none;
    }
    .el-select__tags .el-tag--info i svg{
        display: none;
    }
    .el-select__tags .el-tag--info i::before{
        content:"";background: url('@/assets/images/gray_close.png') !important;width: 14px !important;height: 14px !important;background-size: 100% 100% !important;
    }
    .el-drawer__header{
        height: 48px;
        margin-bottom:0px;
        display: flex;
        align-items: center;
        padding:0 16px;
        padding-top:0;
        padding-bottom:0;
        
    }
    .el-drawer__body{
        height: calc(100% - 48px);
        padding:0 20px;
        overflow: auto;
    }
    .el-message-box{
        --el-messagebox-padding-primary:16px;
    }
    .el-message-box__title{
        font-size: 16px;
        color:#000000;
        font-weight: bold;
    }
    .el-message-box__status+.el-message-box__message{
        padding-left:64px
    }
    .el-message-box__status{
        font-size: 32px!important;
        color:#313233;
    }
    .el-message-box__status.el-icon{
        left:24px;
    }
    .el-message-box__headerbtn .el-message-box__close svg{
        display: none;
    }
    .el-message-box__headerbtn .el-message-box__close::before{
        content: "";
        background: url('@/assets/images/message-close.png');
        width: 12px;
        height: 12px;
        background-size: 100% 100%;
        
    }
    a{
        color: var(--el-color-primary);
        text-decoration: none;
    }
    .export-btn{
        border: 1px solid #0C268C;
        color:#0C268C;
    }
    .el-button{
        padding: 9px 16px;
        border-radius: 18px;
        border: 1px solid #999;
        color:#000000;
    }
    .el-button--small{
        padding:7px 16px;
        --el-button-size: 28px;
        font-size: 14px;
    }
    .el-button+.el-button{
        margin-left:8px;
    }
    .el-button--primary{
        color: #fff;
        border-color: var(--el-color-primary);
    }
    .el-button--primary.is-plain{
        color: var(--el-color-primary);
        --el-button-hover-bg-color:#fff;
        --el-button-active-bg-color:#fff;
    }
    .el-button--success{
        color: #fff;
        border-color: var(--el-color-success);
    }
    .el-button--success.is-plain{
        color: var(--el-color-success);
        --el-button-hover-bg-color:#fff;
        --el-button-active-bg-color:#fff;
    }
    .el-button--warning{
        color: #fff;
        border-color: var(--el-color-warning);
    }
    .el-button--warning.is-plain{
        color: var(--el-color-warning);
        --el-button-hover-bg-color:#fff;
        --el-button-active-bg-color:#fff;
    }
    .el-button--danger{
        color: #fff;
        border-color: var(--el-color-error);
        
    }
    .el-button--danger.is-plain{
        color: var(--el-color-error);
        --el-button-hover-bg-color:#fff;
        --el-button-active-bg-color:#fff;
    }
    
    .is-plain{
        background: #fff;
    }
    .el-pagination__total{
        color:#666;
    }
    .el-pagination__jump{
        color:#666;
    }
    .el-dialog{
        border-radius: 4px;
    }
    .el-dialog__title{
        color: #000000;

        font-size: 16px;
        font-style: normal;
        font-weight: bold;
    }
    .el-dialog__headerbtn{
        top:2px;
    }
    .el-dialog__headerbtn .el-dialog__close svg{
        display: none;
    }
    .el-dialog__headerbtn .el-dialog__close::before{
        content: "";
        background: url('@/assets/images/message-close.png');
        width: 12px;
        height: 12px;
        background-size: 100% 100%;
        
    }
    .el-dialog{
        --el-dialog-padding-primary: 16px;
    }
    .el-input--small{
        --el-component-size-small:28px;
        --el-input-height: var(--el-component-size-small);
    }
    .el-cascader .el-input{
        height: 32px;
    }
    .el-cascader__tags .el-tag{
        margin: 2px 0 2px 4px;
    }
}

.el-tabs__item{
    font-size: 16px;
    color:#222222;
}
.el-tabs__nav-scroll{
    box-sizing: border-box;
    padding:0 24px;
}
.el-tabs{
    width: 100%;
    height: 100%;

}
.el-tabs__content{
    width: 100%;
    height: calc(100% - 55px);
}
.el-tab-pane{
    height: 100%;
}
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-width: 1350px;



}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #888;
}

::-webkit-scrollbar-corner {
    background: #179a16;
}
.el-dialog__title{
    font-weight: bold;
    font-size: 16px;
}
.el-dialog__body{
    padding:0 16px !important;
    // max-height: 500px;
    // overflow:auto;
}
.el-dialog__footer{
    padding:16px;
    padding-top:0;
}
.page-content{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.page-t-content{
    width: 100%;
    height: calc(100% - 52px);
    box-sizing: border-box;
    padding:20px;
    overflow: auto;
}
.el-drawer__title{
    color:#000;
    font-weight: bold;
}
.el-drawer__header{
    margin-bottom:0;
    height: 56px;
    padding:16px;
    box-sizing: border-box;
}
.el-drawer__body{
    padding:0 16px;
    height: calc(100% - 56px);
    display: block;
    padding-bottom: 16px;
}
.el-message-box__btns .del-btn{
    color:#fff;
    background: #F56C6C;
    border:1px solid #F56C6C;
}
.el-message-box__title{
    font-size: 16px;
    font-weight: bold;
    color:#313233;
}
.el-image{
    border-radius: 4px;
    border: 1px solid #ecf0f6ff;
}
.el-form-item{
    margin-bottom:20px;
}
.el-form-item__label{
    color: #222222;
    text-align: right;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.el-popper{
    // background: rgba(0, 0, 0, 0.7);
}

.el-popper.is-dark{
    // background: rgba(0, 0, 0, 0.7);
}

.el-popper.is-dark .el-popper__arrow::before{
    // background: rgba(0, 0, 0, 0.7);
}
.layout{
    word-wrap: break-word;
    word-break: break-all;
    .el-form-item__label{
        color:#222;
    }
    .el-input__wrapper{
        box-shadow:none;
    }
    .el-date-editor.el-input__wrapper{
        box-shadow:none;
    }
    .el-table__row .el-input .el-input__wrapper{
        box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
    }

    .el-date-editor{
        border-radius: 32px;
        background: #F3F3F3;

    }
    .el-date-editor .el-range-input{
        color:#000000;
    }
    .el-date-editor .el-range-input::placeholder{
        // color:#666666;
    }
    .el-date-editor .el-range__icon svg{
        display: none;
    }
    .el-date-editor .el-range__icon::before{
        content:"";
        background: url('@/assets/images/date-icon.png');
        width: 16px;
        height: 16px;
        background-size: 100% 100%;
    }
    .el-range-editor.el-input__wrapper{
        padding:0 16px;
    }
    .el-range-editor.is-disabled{
        background: #DDDDDD;
    }
    .el-date-editor.is-disabled .el-range-input{
        color:#666666;
    }
    .el-date-editor.is-disabled .el-range-input::placeholder{
        color:#666666;
    }
    .el-range-editor.is-disabled input{
        background: #DDDDDD;
    }

    .el-date-editor .el-input__wrapper{
        border-radius: 32px;
        background: #F3F3F3;

    }
    .el-cascader__tags .el-tag   {
        border-radius: 32px;
        background: #fff;
        max-width: 70%;
    }

    .el-date-editor .el-input__inner{
        color:#000000;
    }
    .el-date-editor .el-input__inner::placeholder{
        color:#666666;
    }

    .el-date-editor.is-disabled .el-input__wrapper{
        border-radius: 32px;
        background: #DDDDDD;

    }
    .el-date-editor .el-input__icon svg{
        display: none;
    }
    .el-date-editor .el-input__icon::before{
        content:"";
        background: url('@/assets/images/date-icon.png');
        width: 16px;
        height: 16px;
        background-size: 100% 100%;
    }
    .el-date-editor .el-input__wrapper{
        padding:0 16px;
    }
    .el-date-editor--time .el-input__icon svg{
        display: none;
    }
    .el-date-editor--time .el-input__icon::before{
        content:"";
        background: url('@/assets/images/time-icon.png');
        width: 16px;
        height: 16px;
        background-size: 100% 100%;
    }

    .el-date-editor--timerange .el-range__icon svg{
        display: none;
    }
    .el-date-editor--timerange .el-range__icon::before{
        content:"";
        background: url('@/assets/images/time-icon.png');
        width: 16px;
        height: 16px;
        background-size: 100% 100%;
    }
    .el-range-editor.is-disabled .el-range-separator{
        color:#666;
    }
    .el-select .el-input__wrapper{
        border-radius: 32px;
        background: #F3F3F3;
        color:#000000;
    }
    .el-select .el-input__wrapper::placeholder{

        color:#666666;
    }
    .el-select.is-disabled .el-input__wrapper{
        background: #DDDDDD;

    }
    .el-select.is-disabled .el-input__wrapper::placeholder{
        color:#666;
    }
    .el-input.is-disabled .el-input__wrapper{
        background: #DDDDDD;
    }
    .el-input.is-disabled .el-input__wrapper::placeholder{
        color:#666;
    }
    .el-input .el-input__wrapper{
        border-radius: 32px;
        background: #F3F3F3;
        
    }
    .el-input .el-input__count-inner{
        background: none;
    }
    .el-input__inner{
        color:#000000;
    }
    .el-input__inner::placeholder{
        color:#666666;
    }
    .el-date-editor .el-range-input::placeholder{
        color:#666666;
    }
    .el-textarea .el-textarea__inner{
        border-radius: 16px;
        background: #F3F3F3;
        color:#000000;
    }
    .el-form-item.is-error .el-input__wrapper{
        box-shadow: none;
        border:1px solid #FF2440;
        background: rgba(255, 36, 64, 0.1);
        .el-input__count-inner{
            background: none;
        }
    }
    
    .clear-icon::before{
        content:"";
        background: url('@/assets/images/gray_close.png') !important;
        width: 14px !important;
        height: 14px !important;
        background-size: 100% 100% !important;
    }
    .el-form-item.is-error .clear-icon::before{
        content:"";
        background: url('@/assets/images/red-close.png') !important;
        width: 14px !important;
        height: 14px !important;
        background-size: 100% 100% !important;
    }
    .el-input__clear::before{
        content:"";
        background: url('@/assets/images/gray_close.png') !important;
        width: 14px !important;
        height: 14px !important;
        background-size: 100% 100% !important;
    }
    .el-form-item.is-error .el-input__clear::before{
        content:"";
        background: url('@/assets/images/red-close.png') !important;
        width: 14px !important;
        height: 14px !important;
        background-size: 100% 100% !important;
    }
    .el-input__clear svg{
        display: none;
    }
    .el-select__caret::before{
        content:"";background: url('@/assets/images/x-ht.png') !important;width: 8px !important;height: 6px !important;background-size: 100% 100% !important;
    }
    .el-select-clear::before{
        content:"";background: url('@/assets/images/gray_close.png') !important;width: 14px !important;height: 14px !important;background-size: 100% 100% !important;
    }
    .el-form-item.is-error .el-select-clear::before{
        content:"";
        background: url('@/assets/images/red-close.png') !important;
        width: 14px !important;
        height: 14px !important;
        background-size: 100% 100% !important;
    }
    .el-cascader .icon-arrow-down svg{
        display: none;
    }
    .el-cascader .icon-circle-close svg{
        display: none;
    }
    .el-cascader .icon-circle-close::before{
        content:"";background: url('@/assets/images/gray_close.png') !important;width: 14px !important;height: 14px !important;background-size: 100% 100% !important;
    }
    .el-cascader .icon-arrow-down::before{
        content:"";background: url('@/assets/images/x-ht.png') !important;width: 8px !important;height: 6px !important;background-size: 100% 100% !important;
    }
    .el-form-item.is-error .el-cascader .icon-arrow-down::before{
        content:"";
        background: url('@/assets/images/red-close.png') !important;
        width: 14px !important;
        height: 14px !important;
        background-size: 100% 100% !important;
    }
    // .el-select__caret svg path[d="m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"]{
    //     display: none;

    // }

    .el-select__caret svg{
        display: none;

    }
    .el-form-item.is-error .el-input{
        --el-input-focus-border-color:none;
        --el-input-hover-border:none;
        --el-input-focus-border:none;
    }
    .el-form-item.is-error .el-select{
        --el-select-input-focus-border-color:none;
    }
    .el-date-editor .el-range__close-icon::before {
        content: "";
        background: url('@/assets/images/gray_close.png');
        width: 14px;
        height: 14px;
        background-size: 100% 100%;
    }
    .el-form-item.is-error .el-date-editor .el-range__close-icon::before {
        content: "";
        background: url('@/assets/images/red-close.png');
        width: 14px;
        height: 14px;
        background-size: 100% 100%;
    }

    .el-switch__core{
        background: #ddd;
    }



    .el-button.is-disabled, .el-button.is-disabled:focus, .el-button.is-disabled:hover{
        color:#222222;
        background: #DDDDDD;
        border:1px solid #DDDDDD;
    }
    .el-radio-button:first-child .el-radio-button__inner{
        border-radius: 32px 0 0 32px;
    }
    .el-radio-button:last-child .el-radio-button__inner{
        border-radius: 0 32px 32px 0;
    }
    .el-radio-button__inner{
        color:#3480FF;
        border: 1px solid var(--el-color-primary);
        border-left:0;
        font-weight: bold;
    }
    
    .el-tree-node__expand-icon svg{
        display: none;
    }
    .el-tree-node__expand-icon::before{
        content:"";background: url('@/assets/images/r-jt.png') !important;width: 8px !important;height: 8px !important;background-size: 100% 100% !important;
    }
    .el-tree-node__content{
        color:#000000;
        font-size: 14px;
    }

    // .el-table__row.el-table__expand-column{
    //     background: red;
    // }
    .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
        border-bottom: none;
    }
    .el-table__row
    .el-table__expand-icon .el-icon svg{
        display: none;
    }
    .el-table__expand-icon .el-icon::before{
        content:"";background: url('@/assets/images/r-jt.png') !important;width: 8px !important;height: 8px !important;background-size: 100% 100% !important;
    }
    .el-table th > .cell{
        font-size: 14px;
        color:#000;
        font-weight: bold;
        border-right: 1px solid #ddd;
 
    }
    .el-table .is-first-column > .cell{

        border-right: 0;
 
    }
    .el-table .el-table__cell{
        padding: 16px 0;;
    }
    .el-table .cell{
        padding:0 16px;
        line-height: 20px;
    }
    .el-table tr{
        color:#222;
    }
    .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
        background: #fff;
    }
    .el-table--enable-row-transition .el-table__body td.el-table__cell{
        background: #f9f9f9;
    }

    .el-pager li{
        border-radius: 50%;
    }
    .el-pagination button{
        border-radius: 50%;
    }
    .el-table__expanded-cell:hover{
        background:rgb(214,230,255) !important;
    }
    .el-table .el-table__expanded-cell{
        padding:0;
    }
    .el-table--border::before{
        width: 0px;
    }
    .el-table--border .el-table__inner-wrapper::after{
        height: 0px;
    }
    .el-table--border .el-table__cell{
        border-right: 0px;
    }
    .el-table--border::after{
        width: 0px;
    }
    .el-table__border-left-patch{
        width: 0px;
    }
    .el-form-item{
        margin-bottom:16px;
   
    }
    .el-table .el-table__cell{
        position:inherit;
    }
    .el-input-number.is-controls-right span{
        display: block;
        border:none;
        height: 0px;
    }
    .el-input-number.is-controls-right span i{
        display: none;
        
    }
    .el-input-number.is-controls-right .el-input-number__decrease{
        background: url('@/assets/images/x-ht.png');width: 8px !important;height: 6px !important;
        background-size: 100% 100%;
        bottom:7px;
        right:16px;
   
    }
    .el-input-number.is-controls-right .el-input-number__increase{
        background: url('@/assets/images/x-ht.png');width: 8px !important;height: 6px !important;
        top:7px;
        right:16px;
        background-size: 100% 100%;
        transform: rotate(180deg);
    }
    .el-input .el-input__count .el-input__count-inner{
        background: rgba(0, 0, 0, 0);
        color:#000000;
        font-size: 14px;
    }
    .el-textarea .el-input__count{
        background: rgba(0, 0, 0, 0);
        color:#000000;
        font-size: 14px;
    }

}

    // tooltips箭头样式修改
    .el-popper[data-popper-placement^=top] .el-popper__arrow{
        &::before{
        // background: #000 !important;
        }
}


.handlerTab_tooltip.is-dark{
    width: 216px;
    opacity: 0.75 !important;
    background-color: #000 !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px 0 #00000026 !important;
    border-radius: 4px !important;
    .tool-tips-text{
      word-wrap: break-word;
      word-break: break-all;
    }
    
}
.info-contain{
    overflow: auto;
}